/* util */
page {
	font-size: 14px;
	color: #333333;
}
view,
text,
navigator,
button {
	box-sizing: border-box;
}


.navigator-hover {
	background: none;
	opacity: 1;
}
.fullpage {
	height: calc(100vh);
	/* #ifdef H5 */
	height: calc(100vh - var(--window-top));
	/* #endif */
}
.fullpage-min {
	min-height: calc(100vh);
	/* #ifdef H5 */
	min-height: calc(100vh - var(--window-top) - var(--window-bottom));
	/* #endif */
}
.flexpage {
	min-height: calc(100vh);
	/* #ifdef H5 */
	min-height: calc(100vh - var(--window-top));
	/* #endif */
	display: flex;
	flex-direction: column;
	.flexpage-main {
		flex: 1;
	}
}
.bg-gray {
	background-color: $color-gray;
}

/* iPhoneX底部安全区定义 */
.safe-area-inset-bottom {
  padding-bottom: 0;  
  padding-bottom: constant(safe-area-inset-bottom);  
  padding-bottom: env(safe-area-inset-bottom);  
}
